<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" %> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/basevalue.js"></script>
<script type="text/javascript" src="scripts/cookie_util.js"></script>
<link rel="stylesheet" href="css/log.css" /> 
 <style type="text/css">
      h1 {
        text-align:center;
      }
      table {
        margin:0 auto;
        width:100%;
        border:2px solid #aaa;
        border-collapse:collapse;
      }
      table th, table td {
        border:2px solid #aaa;
        padding:5px;
      }
      th {
        background-color:#eee;
      }
    </style>
<script type="text/javascript">
	var page=1;
	var size=1;
	$(function(){
		loadUser();
		$("#size").val(page);
		$("#page").click(function(){
			if(size==5){	
			page++;
		$("#size").val(page);
			 $("#tbody tr").remove();
			loadUser();
			}
		});
		$("#top").click(function(){
			if(page>1){
			page--;
			 $("#tbody tr").remove();
				$("#size").val(page);
			loadUser();
			}
		});
	});
	function loadUser(){
		var userId=getCookie("uid");
		console.log(userId);
		if(userId!=null){
			$.ajax({
			 url:base_path+"/findAll.do",
			 type:"post",
			 data:{"page":page},
			 dataType:"json",
			 success:function(result){
				 if(result.status==0){
				 var dat=result.data;				
				 for(var i=0;i<dat.length;i++){
					 var name=dat[i].user_name;
					 var phone=dat[i].user_phone;
					 var type=dat[i].user_type;
					 var sli="";
					 	sli+='<tr><td>'+name+'</td>';
					 	sli+='<td>'+phone+'</td>';
					 	if(type==2){	
					 	sli+='<td>可登陆</td>';
					 	sli+='<td>'+'<input type="button" value="删除" onclick="del(this)">'+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
					 	}else{
					 	sli+='<td>已删除</td>';
					 	sli+='<td>'+'<input type="button" value="恢复" onclick="sets(this)">'+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
					 	}				 	
					 var $li=$(sli);
					 $li.data("Id",dat[i].user_id);
					 $("#tbody").append($li);
				 }
						size=dat.length;
				 }
			 },
			 error:function(){
				 window.location.href='login.html';
				
			 }
			});
		}
			else{
				window.location.href='login.html';
			}
		//点击删除按钮之后的操作。	
	}
	function del(dbt){
		$bt=$(dbt);
		var s=$bt.parent().parent().data("Id");
		if(confirm("确认删除")){	
		$.ajax({
			 url:base_path+"/delete.do",
			 type:"post",
			 data:{"id":s,"page":page},
			 dataType:"json",
			 success:function(result){
				 if(result.status==0){
					 $("#tbody tr").remove();
					 alert("删除成功");
					 var dat=result.data;
					 for(var i=0;i<dat.length;i++){
						 var name=dat[i].user_name;
						 var phone=dat[i].user_phone;
						 var type=dat[i].user_type;
						 var sli="";
						 	sli+='<tr><td>'+name+'</td>';
						 	sli+='<td>'+phone+'</td>';
							if(type==2){	
							 	sli+='<td>可登陆</td>';
							 	sli+='<td>'+'<input type="button" value="删除" onclick="del(this)">'+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
							 	}else{
							 		sli+='<td>已删除</td>';
						 	sli+='<td>'+'<input type="button" value="恢复" onclick="sets(this)">'+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
							 	}		
						 var $li=$(sli);
						 $li.data("Id",dat[i].user_id);
						 $li.data("name",dat[i].user_name);
						 $("#tbody").append($li);
					 }
				 }
			 },
			 error:function(){
				 alert("删除异常");
			 }
		});
		}
	}
	
	function sets(dbt){
		$bt=$(dbt);
		var s=$bt.parent().parent().data("Id");
		$.ajax({
			 url:base_path+"/updageLogin.do",
			 type:"post",
			 data:{"id":s,"page":page},
			 dataType:"json",
			 success:function(result){
				 if(result.status==0){
					 $("#tbody tr").remove();
					 alert("恢复成功");
					 var dat=result.data;
					 for(var i=0;i<dat.length;i++){
						 var name=dat[i].user_name;
						 var phone=dat[i].user_phone;
						 var type=dat[i].user_type;
						 var sli="";
						 	sli+='<tr><td>'+name+'</td>';
						 	sli+='<td>'+phone+'</td>';
							if(type==2){	
							 	sli+='<td>可登陆</td>';
							 	sli+='<td>'+'<input type="button" value="删除" onclick="del(this)">'
							 	+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
							 	}else{
							 		sli+='<td>已删除</td>';
						 	sli+='<td>'+'<input type="button" value="恢复" onclick="sets(this)">'
						 	+'<input type="button" value="修改" onclick="upd(this)">'+'</td></tr>';
							 	}		
						 var $li=$(sli);
						 $li.data("Id",dat[i].user_id);
						 $("#tbody").append($li);
					 }
				 }
			 },
			 error:function(){
				 alert("恢复异常");
			 }
		});
	}
	function upd(update){
		$bt=$(update);
		var $tr=$bt.parent().parent();
		var  Id=$tr.data("Id");
		  var name=$tr.children().eq(0).html();
		window.location.href='eide.do';
		addCookie("thisId",Id,2);	
		addCookie("thisname",name,2);
	}
</script>
<title>登陆成功页面</title>
</head>

<body>
	<div class="login">
	<h1>浏览信息</h1>
		<table border="1"  >
			<tr>
			<th>姓名</th>
			<th>电话</th>
			<th>存在类型</th>	
			<th>操作</th>
			</tr>
			<tbody id="tbody">
			</tbody>
	</table>
		
		<div style="text-align:center">
		<input type="button" id="page" value="下一页">
		<input type="button" id="size">
		<input type="button" id="top" value="上一页">
		</div>
	</div>
</body>
</html>